<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/iconfont.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.min.js"></script>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default top">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.go(-1);"><i class="am-icon-angle-left"></i></a>
    </div>
    <h1 class="am-header-title">
        联系我们
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="#right-link" class="">
            <i class="am-header-icon am-icon-bars"></i>
        </a>
    </div>
</header>
<div data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas>
    <a href="javascript: void(0)" class="am-menu-toggle">
    </a>

    <div class="am-offcanvas" >
        <div class="am-offcanvas-bar am-offcanvas-bar-flip">

            <ul class="am-menu-nav am-avg-sm-1">
                <li class="am-parent">
                    <a href="##" class="" >公司</a>
                    <ul class="am-menu-sub am-collapse  am-avg-sm-2 ">
                        <li class="">
                            <a href="##" class="" >公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >人物</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >趋势</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >投融资</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业人物</a>
                        </li>
                        <li class="am-menu-nav-channel"><a href="##" class="" title="公司">进入栏目 &raquo;</a></li>
                    </ul>
                </li>
                <li class="am-parent">
                    <a href="##" class="" >人物</a>
                    <ul class="am-menu-sub am-collapse  am-avg-sm-3 ">
                        <li class="">
                            <a href="##" class="" >公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >人物</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >趋势</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >投融资</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业人物</a>
                        </li>
                    </ul>
                </li>
                <li class="am-parent">
                    <a href="#c3" class="" >趋势</a>
                    <ul class="am-menu-sub am-collapse  am-avg-sm-4 ">
                        <li class="">
                            <a href="##" class="" >公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >人物</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >趋势</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >投融资</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业人物</a>
                        </li>
                        <li class="am-menu-nav-channel"><a href="#c3" class="" title="趋势">泥煤 &raquo;</a></li>
                    </ul>
                </li>
                <li class="am-parent">
                    <a href="##" class="" >投融资</a>
                    <ul class="am-menu-sub am-collapse  am-avg-sm-3 ">
                        <li class="">
                            <a href="##" class="" >公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >人物</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >趋势</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >投融资</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业公司</a>
                        </li>
                        <li class="">
                            <a href="##" class="" >创业人物</a>
                        </li>
                    </ul>
                </li>
                <li class="">
                    <a href="##" class="" >创业公司</a>
                </li>
                <li class="">
                    <a href="##" class="" >创业人物</a>
                </li>
            </ul>

        </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        $('ul.am-menu-nav').each(function(){
            if($(this).children().length < 1){
                $(this).parent().removeClass('am-open');
                $(this).parent().addClass('menu_parent');
                $(this).remove();
            }
        });
        $('.menu_parent a').click(function(){
            var url = $(this).attr('href');
            location.href = url;
        });

    });
</script>
<div class="wrap">
    <div class="contact_text">
        <p><i class="iconfont">&#xe60b;</i>公司地址：上海市嘉定区环城路2222号嘉乐园大厦11楼</p>
        <p><i class="iconfont">&#xe60a;</i>办公电话：400-519-1580</p>
        <p><i class="iconfont">&#xe60c;</i>Q  Q  :100622459</p>
        <p><i class="iconfont">&#xe60d;</i>微信 ：13062266622</p>
        <p><i class="iconfont">&#xe609;</i>邮箱   : 531789926</p>
    </div>
    <div data-am-widget="map" class="am-map am-map-default"
         data-name="公司名称" data-address="公司地址" data-longitude="" data-latitude="" data-scaleControl="" data-zoomControl="true" data-setZoom="17" data-icon="http://amuituku.qiniudn.com/mapicon.png">
        <div id="bd-map"></div>
    </div>
    <div class="title title_red">
        <h3>发展历程</h3>
        <p>development history</p>
    </div>
    <div class="shenqing">
        <form action="">
            <ul class="clearfix">
                <li>姓名： <input id="xingming" type="text"/>
                    <div class="dui pa"></div>
                    <div class="cuo pa"></div>
                </li>
                <li>电话： <input id="dianhua" maxlength="11" type="text"/>
                    <div class="dui pa"></div>
                    <div class="cuo pa"></div>
                </li>
                <li>QQ： <input id="qq" type="text"/>
                    <div class="dui pa"></div>
                    <div class="cuo pa"></div>
                </li>
                <li>邮箱： <input id="email" type="text"/>
                    <div class="dui pa"></div>
                    <div class="cuo pa"></div>
                </li>
                <li class="liuyan">留言： <textarea id="message" name=""></textarea>
                    <div class="dui pa"></div>
                    <div class="cuo pa"></div>
                </li>
                <li class="sub clearfix"><input class="but" type="submit"/></li>
                <li class="res"><input class="chongzhi" type="reset"/></li>
            </ul>
        </form>
    </div>
    <script>

        var xmv1 = $('#xingming');
        var re1 = /[^\u0000-\u00FF]/;
        var xmv2 =  $("#dianhua");
        var re2 = /^1\d{10}$/;
        var xmv3 =  $("#qq");
        var re3 = /^\d{5,10}$/;
        var xmv4 =  $("#email");
        var re4 =  /^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/;



        function allyz (inputobject,methods){
            if(inputobject.val() !="" || inputobject.val() != null)
            {
                if(methods.test(inputobject.val()))
                {
                    inputobject.parent('li').find(".dui").show();
                    inputobject.parent('li').find(".cuo").hide();
                    return 1;
                }else{
                    inputobject.parent('li').find(".cuo").show();
                    inputobject.parent('li').find(".dui").hide();
                    return 0;
                }
            }
        }

        $(function(){

            $(".but").click(function(){

                $(".chongzhi").click(function(){
                    $(".shenqing ul li .dui").hide();
                    $(".shenqing ul li .cuo").hide()
                });

                if(allyz(xmv1,re1) == 0){
                    xmv1.focus();return false;
                }else if(allyz(xmv2,re2) == 0){
                    xmv2.focus();return false;
                }else  if(allyz(xmv3,re3) == 0){
                    xmv3.focus();return false;
                }else  if(allyz(xmv4,re4) == 0){
                    xmv4.focus();return false;
                }else if($("#message").val() == ''){
                    $("#message").focus();return false;
                }
            });
        });
    </script>
</div>

<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="/" class="">
                <i class="icon iconfont">&#xe603;</i>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li>
            <a href="#" class="">
                <i class="icon iconfont">&#xe601;</i>
                <span class="am-navbar-label">产品中心</span>
            </a>
        </li>
        <li>
            <a href="#" class="">
                <i class="icon iconfont">&#xe607;</i>
                <span class="am-navbar-label">关于我们</span>
            </a>
        </li>
        <li>
            <a href="#" >
                <i class="icon iconfont">&#xe605;</i>
                <span class="am-navbar-label">联系我们</span></a>
        </li>
    </ul>
</div>

</body>
</html>